/* Create at 2008-10-4 */
/* Global  */
body {font-family:Verdana,sans-serif; font-size:12px; margin:0; padding:0; min-width:900px; background:#fff;}
h1,h2,h3,h4 {font-family:"Trebuchet MS",Verdana,sans-serif;}
h1 {margin:0; padding:0; font-size: 24px;}
a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
a img{ border: 0; }
fieldset {border: 1px solid #e4e4e4; margin:5px}
form {display: inline;}
input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
hr { width: 100%; height: 1px; background: #ccc; border: 0;}

/* Layout */
#wrapper {background: white;}

#header {height:5.8em; margin:0; background-color:#467aa7; color:#f8f8f8; padding:10px 0 0 0; position:relative;}
#header a{color:#f8f8f8;}
#header h1{margin-left:6px;}

#quick-search{float:right; margin-right:6px;}

#main-menu {background-color:#578bb8; left:0; border-top:1px solid #fff; width:100%; position:absolute; bottom:0px; margin-right:-500px;}
#main-menu ul{margin:0; padding:0;}
#main-menu li{float:left; list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; white-space:nowrap;}
#main-menu li a{background-color:#578bb8; border-right:1px solid #fff; font-size: 90%; display:block; color:#fff; text-decoration:none; font-weight:bold; margin:0; padding:4px 8px 4px 8px;}
#main-menu li a:hover {background:#80b0da; color:#ffffff;}
#main-menu li a.selected,#main-menu li a.selected:hover {background-color:#80b0da; color:#ffffff;}

#main{background-color:#FFFFFF;}
#main a { font-weight: bold; color: #467aa7;}
#main a:hover { color: #2a5a8a; text-decoration: underline; }

#sidebar {float:left; width: 18%; height: auto; background: #fff;}
#sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }

#content {float:right; right:0; width: 80%; border-left: 1px dashed #ddd; min-height: 600px}
#content input { width: auto; text-align: center}

fieldset#filters { padding: 0.7em; margin: 8px; font-size: 13px}
fieldset#filters p { margin: 1.2em 0 0.8em 2px; }
fieldset#filters .buttons { font-size: 0.9em; }
fieldset#filters table { border-collapse: collapse; }
fieldset#filters table td { padding: 0; vertical-align: middle; }
fieldset#filters tr.filter { height: 2em; }
fieldset#filters td.add-filter { text-align: right; vertical-align: top; }

#footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background-color:#578bb8; border: 0; color: #fff;}
#footer a { color: #fff; font-weight: bold; }

/* Kpi Tree */
#kpi_tree {margin: 0px 1px 0px 1px; font-size:15px }
.group_name {font-weight: bold; font-size: 15px; }
#kpi_tree ul {margin:1px; padding: 1px}
#kpi_tree img{margin-right: 10px}
#kpi_tree li { list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0px 8px 0px 11px; padding: 3px 0px 1px 0px; font-size:13px}
#search_kpi {padding-left: 10px; padding-top: 5px}

#select_object_names select {width: 80px}
#single_object_name_select_tip{color: red}

.selected_kpi{text-align: center; background-color: #ddedfb; padding: 4px 4px 4px 30px; margin-bottom: 12px; font-size: 1.1em; border: 2px solid; border-color: #428ede; }
#selected_kpi  ul { font-size:13px; margin: 0px auto; text-align: left;}

/* Icon */
.icon {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
}
.icon-checked  { background-image: url(/images/icon/true.png); }
